$(".DaoHang").on("mouseenter", function () {
  $(".tantou").css({ height: "183" });
});

$(".tantou").on("mouseleave", function () {
  $(".tantou").css({ height: "0" });
  $(".tantou div").addClass("active");
});
$(".DaoHang li").each(function (index, item) {
  $(".DaoHang li")
    .eq(index)
    .on("mouseenter", function () {
      $(".tantou div")
        .eq(index)
        .removeClass("active")
        .siblings()
        .addClass("active");
    });
});
$(".tantou ul li").each((index, item) => {
  $(item).on("mouseenter", () => {
    $(item).children("span").addClass("active");
    $(item).siblings().children("span").removeClass("active");
  });
});
